@charset "utf-8";


@import "common";

$font-color:#494949;

.web{
    section{
        font-size: 0;
        /**导航图片**/
        .img_wrap{
            width: 100%;
            overflow: hidden;
            img{
                width: 100%;
                vertical-align: middle;
            }
        }
       /**广告**/
       .s_prot{
          width: 100%; 
          ul{
              font-size: 0;
//            margin: n(12px) auto 0;
              li{
                  display: inline-block;
                  width:50%;
                  &:nth-child(2n){
                      float: right;
                  }
                  &:nth-child(3),&:nth-child(4){
                     margin-top:n(30px); 
                  }
                  div{
                      width: n(239px);
                      height: n(93px);
                      overflow: hidden;
                      margin: 0 auto;
                      img{
                         width: 100%;
                         vertical-align: middle; 
                      }
                  }
                   
              }
           }
        }
       /***美食列表***/
       .s_food{
          .food_list{
              width:100%;
              font-size: 0;
              &:last-of-type{
                  margin-top: n(28px);
              }
              div{
                &.food_img{
                   float: left;
                   width: n(212px);
                   height:n(163px);
                   margin-left: n(20px);
                   overflow: hidden;
                   img{
                       height: 100%;
                       vertical-align: middle;
                   }
                }
                /***文字描述部分***/
                 &:last-child{
                    overflow: hidden;
                    div{
                        display: inline-block;
                    }
                   .left{
                       margin-left:n(20px) ;
                       span{
                          display: block;
                          &:first-child{
                              font-size: n(30px);
                              color: #000;
                              margin-top: n(23px) ;
                          } 
                          &:nth-child(2){
                              color: $font-color; 
                              font-size: n(22px);
                              margin-top: n(10px);
                          }
                          &:last-child{
                              font-size: n(32px);
                              color: $border-color;
                              margin-top: n(10px);
                          }
                          &:after{
                              @include newline;
                          }
                       }
                   }
                   .right{
                       width:n(120px);
                       text-align: right;
                       margin-top: n(24px);
                       margin-right: n(16px);
                       span{
                          color: $font-color; 
                          font-size: n(22px);
                          line-height:n(40px); 
                          &:after{
                              @include newline;
                          }
                          &:last-child{
                              display: inline-block;
                              margin-top: n(54px);
                          }
                       }
                   }
                } 
              } 
          }
       }//last of div.s_food   
    }//last of section
}
